<style>
    #permit_type_edit_frame .hint-text label {
        width: 70px;
    }
</style>
<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
<!-- 通行权限组编辑 -->
<article id="permit_type_edit_frame">
    <div class="hint-content" style="width:750px;margin:0 auto">
        <div class="workTicket-info" style="width:65%; height: 380px; float: left;">
            <div class="layerTitle left"><span>通行权限组基本信息</span></div>
            <input type="hidden" data-bind="value:id">
            <div class="hint-text">
                <label>编号：</label>
                <input class="k-textbox" disabled style="width: 130px" type="text" data-bind="value:accessCode" placeholder="*系统自动生成*" />
            </div>
            <div class="hint-text">
                <label>名称：</label>
                <input class="k-textbox" type="text" validationMessage="名称必填且不能包含特殊字符"  required pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$" style="width: 130px" data-bind="value:accessName" />
            </div>
            <div class="hint-text">
                <label>状态：</label>
                <input type="text" id="type_status" style="width: 130px" data-bind="value:isEnable" />
            </div>
        </div>
        <div class="workRecord-info" style="width:32%; height: 380px; float: right;">
            <div class="layerTitle left"><span>通行权限列表</span></div>
            <div style="overflow-x:hidden; overflow-y : auto; height: 300px">
                <ul id="permit_tree" style="height: initial" class="ztree"></ul>
            </div>
        </div>
        <div class="basicInfo-btn">
            <button class="save" data-bind="click:save_info">确定</button>
            <button class="cancel" data-bind="click:cancel">取消</button>
        </div>
    </div>
</article>
<!-- end 通行证类型管理 -弹出层  -->
<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
<!--<script type="text/javascript" src="views/parkLotCenter/parkingLotInfo/js/lonix_tree.js"></script>-->
<script>
    var permitTypeEdit = new AccessPermissionEdit($('#permit_type_edit_frame'));
</script>